<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/js.js"></script>
    <link rel="stylesheet" href="css/视频内容.css">
</head>
<body>
    <div class="box">
        <div class="box_header">
            <img class="box_header_img" src="img/叉子.png" alt="">
        </div>
        <div class="box_shipin">
            <div class="box_shipin_xiaozhou">
                <h1 class="box_shipin_xiaozhou_title">晓舟报告</h1>
                <a href="#">
                    <p class="box_shipin_xiaozhou_title_content">个人中心&nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;</p>
                </a>
                <a href="#">
                    <p class="box_shipin_xiaozhou_title_contents">返回上一页</p>
                </a>
            </div>
            <div class="box_shipin_vip">
                <div class="box_shipin_vip_conter">
                    <p class="box_shipin_vip_conter_content">开通VIP观看</p>
                    <div class="box_shipin_vip_conter_kaitong">
                        <p class="box_shipin_vip_conter_kaitong_content">成为VIP</p>
                    </div>
                </div>
            </div>
        </div>
        <ul class="box_ul">
            <li class="box_ul_li">
                <p class="box_ul_li_content">详情</p>
            </li>
            <li class="box_ul_lis">
                <p class="box_ul_li_content">目录</p>
            </li>
        </ul>
        <h3 class="box_title">简介</h3>
        <p class="box_content">很多零基础的同学在学习中前端开发的过程中，总是会迷失<br>在繁杂的知识体系当中。</p>
    </div>
</body>
</html>